@media screen and (max-width: 1400px ) {
.MenuList_f1>ul>li a span, #NewsList_a3 b { font-size: 18px; }
.MenuList_f1>ul>li>:first-child span:before { margin-bottom: 10px; }
.menu-box { width: 70px; }
.box { width: calc(100% - 70px); }
.footer-box .B>* { float: none; }
.footer-box .B .L { margin-bottom: 1%; }
.rid48 .contact .R { padding: 0 2%; }
.rid48 .contact .L { padding: 3% 2%; }
}
@media screen and (max-width: 1024px ) {
/*主导航响应 2018.5.07 当选择拨动时一级和二级不能一开始就隐藏*/
.MenuList_f1 { right: -50%; line-height: normal; overflow: auto; top: 50px; width: 50%; height: calc(100vh - 50px); }
.MenuList_f1>ul { height: auto; }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.MenuList_f1>ul>li>:first-child { }
.MenuList_f1>ul>li>:first-child.icon:before { }
.MenuList_f1>ul>li { }
.MenuList_f1>ul>li>:nth-child(2) { display: none !important; transition: none; opacity: 1; text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; transform: none; }
.MenuList_f1>ul>li:hover>:nth-child(2) { height: auto; transition: none; opacity: 1; transform: none; }
.MenuList_f1>ul>li ul li { background: #eee; margin-left: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #f5f5f5; font-size: 16px; }
.MenuList_f1>ul>li ul li a { color: #737373; line-height: 35px; height: 35px; font-size: 12px; width: auto; padding-left: 20px; text-align: left; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #ed1b24; }
.MenuList_f1>ul>li>:first-child.on:before { transform: rotate(90deg); }
/*汉堡按钮*/
.menu-i { transition: none; z-index: 0; display: block; overflow: hidden; top: 0; right: 0; position: absolute; width: 20px; height: 50px; line-height: 50px; text-align: center; }
.menu-icon { display: block; height: 100%; background: none; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; height: 2px; background: #333; width: 20px; display: inline-block; vertical-align: middle; content: ''; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -7px; }
.menu-icon span:after { bottom: -7px; }
.menu-i.on .menu-icon span:after { transform: rotateZ(-45deg); }
.menu-i.on .menu-icon span:before { transform: rotateZ(45deg); }
.menu-i.on .menu-icon span { background: transparent; }
.menu-i:hover :before, .menu-i:hover span { height: 2px; }
.menu-i.on .menu-icon span:before, .menu-i.on .menu-icon span:after { bottom: 0; top: 0; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
.menu-box { height: 50px; width: 100%; position: fixed; background: #fff; z-index: 1; box-shadow: 3px 0 6px 0 rgba(0,0,0,0.03); }
.language_box span { font-size: 14px; }
.language_box { width: 100%; text-align: right; }
.language_box a { }
.menu-box .M { background: none; position: absolute; z-index: 0; right: 0; height: 100%; width: 20px; top: 0; }
.box { height: calc(100% - 50px); width: 100%; margin-top: 50px; }
.menu-w { width: 92%; padding: 0; font-size: 0; position: relative; z-index: 0; }
.MenuList_f1>ul>li a span { font-size: 16px; }
.mob-logo { display: inline-block; }
.rid40 .T h3 { font-size: 18px; margin-top: 10px; }
.NavList_a1 ul { display: flex; display: -ms-flexbox; }
.NavList_a1, .w-80 { width: 92%; }
.nav { position: relative; z-index: 0; padding: 3vw 0; }
.nav:before, .nav:after { content: ''; position: absolute; top: 50%; z-index: 0; border-style: solid; margin-top: -6px; }
.nav:before { border-color: transparent #fff transparent transparent; border-width: 6px 10px 6px 0; left: 1.5%; }
.nav:after { border-color: transparent transparent transparent #fff; border-width: 6px 0 6px 10px; right: 1.5%; }
#NewsList_a3 li { width: 48%; margin-left: 2%; }
#NewsList_a3 .newimg { height: 28vw; }
#NewsList_a3 li:nth-child(3n+2) { margin-left: 2%; }
.NavList_a1 li:first-child, #NewsList_a3 li:nth-child(2n+2) { margin-left: 0; }
.rid48 .contact .L, .rid48 .contact .R { padding: 5%; width: 100%; }
.rid48 .contact .L p, .rid48 .contact .L li { margin-top: 2%; }
.rid48 .contact .L ul { margin-top: 4%; }
.rid48 .contact .R span { margin-bottom: 4%; margin-top: 2%; }
.rid48 .contact .L ul:before { margin-bottom: 4%; }
.rid48 .contact .L h3, .rid48 .contact .R strong { font-size: 20px; }
.NavList_a1 a:hover { color: #fff; }
.NavList_a1 a:hover:before { width: 0; }
.MenuList_f1>ul>li:hover>:first-child span, .language_box a:hover { color: #fff; }
#NewsList_a3 li a:hover img { transform: scale(1); }
.MenuList_f1>ul>li:hover>:first-child span:before { -webkit-filter: grayscale(50%); opacity: 0.5; }
.i4 .B>.i-a, .goTop, .menu-slide, .head-menu, .swiper-btn, .logo, .menu-icon:before, .menu-icon:after, .menu-i:after, #menu-close, .rid40 .T .pic, .rid40 .T p br, #pos { display: none; }
}
@media screen and (max-width: 720px ) {
.content { min-height: 200px; }
.nav { padding: 3vw 0; }
.rid48 .contact .L, .rid48 .contact .R { padding: 8% 3%; }
.i-a { line-height: 9vw; width: 27.6vw; height: 9vw; }
.i-a:before, .i-a:after { width: 100%; height: 100%; }
.i-a>* { font-size: 3.3333vw; }
.i-a:hover>*, .i-a:hover:after { transform: translate(0); }
.MenuList_f1 { transform-origin: top; width: 100%; right: 0; padding: 5vw 0; transform: scale(1, 0); }
.language_box a { box-sizing: border-box; font-size: 3.8vw; width: 8vw; height: 8vw; line-height: 8vw; }
.MenuList_f1.on { right: 0; box-shadow: none; transform: scale(1); }
.language_box { text-align: left; }
.MenuList_f1 .T { padding: 0 4% 5vw; }
.MenuList_f1>ul>li>:first-child span:before { margin-bottom: 2vw; }
.MenuList_f1 .B { margin-top: 4%; }
.footer-box { font-size: 3.8vw; padding: 3.5vw 0; border-top: 1px solid rgba(255,255,255,0.2); }
.footer-box span { display: block; text-align: center; margin-top: 1.5vw; }
.footer-box span:first-child { margin-top: 0; }
.footer-box .w-80 { width: 100%; }
.i5 .L .B .float-R { float: none; }
.ResTitle_a2 span { font-size: 6.8vw; margin-bottom: 1.5vw; }
.NavList_a1 a { transition: none; font-size: 3.8vw; padding: 2vw 5vw; width: auto; white-space: nowrap; }
.NavList_a1 li { width: auto; margin: 0 0 0 5vw; }
.language_box span, .MenuList_f1>ul>li a span, .MenuList_f1 .B span, .ResTitle_a2 em, .content { font-size: 3.8vw; }
.content { padding: 8vw 0 10vw; }
.rid40 .T strong, #NewsList_a3 b, #NewsList_a3 li:first-child b { font-size: 5vw; }
.rid40 .T h3 { font-size: 4.2vw; margin-top: 2vw; }
.rid40 .T p { margin-top: 5vw; font-size: 3.8vw; line-height: 2; }
.ResTitle_a3 { border-left: 3px solid #25bfbf; font-size: 5.6vw; padding-left: 3vw; color: #25bfbf; }
.rid40 .T { padding-top: 0; }
.page-title { margin-bottom: 6vw; }
.rid40 .B { margin-top: 6vw; font-size: 3.8vw; line-height: 2; }
.nav:before { border-width: 1.5vw 1.5vw 1.5vw 0; }
.nav:after { border-width: 1.5vw 0 1.5vw 1.5vw; }
.nav:before, .nav:after { margin-top: -1.5vw; }
#NewsList_a3 li:first-child .newimg { width: 100%; box-shadow: none; }
#NewsList_a3 li:first-child { width: 100%; margin-bottom: 5vw; }
#NewsList_a3 li:first-child a { background: #fff; padding-bottom: 5%; }
#NewsList_a3 li a { padding-bottom: 5%; }
#NewsList_a3 .newimg, #NewsList_a3 li:first-child .newimg { height: auto; max-height: none; }
#NewsList_a3 li { width: 100%; margin-left: 0; margin-bottom: 5vw; }
#NewsList_a3 p, #NewsList_a3 li:first-child p { font-size: 4.4vw; max-height: none; line-height: 1.7; margin-left: 0; }
#NewsList_a3 li:first-child .newnr, #NewsList_a3 .newnr { display: block; margin: 5% auto 0; width: 90%; }
#NewsList_a3 li:first-child a:hover b, #NewsList_a3 li:first-child a:hover p { color: #333; }
#NewsList_a3 li:first-child a:hover { background: #fff; }
.PhotoList_h1 li { width: 48.8%; height: 30vw; max-height: 220px; }
#NewsList_a3 li:nth-child(2n+2), .PhotoList_h1 li:nth-child(2n+1) { margin-left: 0; }
.rid48 .contact .L h3, .rid48 .contact .R strong { font-size: 5vw; }
.rid48 .contact .L p, .rid48 .contact .L li { margin-top: 5vw; font-size: 3.8vw; }
.rid48 .contact .L ul { margin-top: 6vw; }
.rid48 .contact .L ul:before { margin-bottom: 6vw; }
.rid48 .contact .R span { margin-bottom: 6vw; font-size: 3.333vw; margin-top: 3vw; }
.i-a i, .i-a:before, .MenuList_f1.on .B p:last-child, .footer-box .T, .footer-box .B .L, #pos, .rid40 .B img, .page-title, [id*="NewsList_a"] a:before, #NewsList_a3 li:first-child .newnr .i-a, #NewsList_a3 li:first-child b:before { display: none; }
#MenuList_f1_public-bg { display: none !important; }
}
@media screen and (max-height: 550px ) {
.MenuList_f1 .B { display: none; }
}
